#toast-list {
  z-index: 1000;
  position: fixed;
  top: 5px;
  right: 5px;
  width: 50%;
  max-width: 300px;
  padding-left: 10px;
  padding-right: 10px;

  > .close-button {
    display: block;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .toast-list-enter-active {
    transition: transform 0.5s;
  }
  .toast-list-enter {
    transform: translateX(100%);
  }
  .close-button.v-leave-active,
  .toast-list-leave-active {
    opacity: 0;
    transition: opacity 1s;
  }
}
